import Vue from 'vue';
import VueRouter from 'vue-router';
import VurResource from 'vue-resource';


import App from './App';
import goods from 'components/goods/goods';   //引入组件
import ratings from 'components/ratings/ratings';   //引入组件
import seller from 'components/seller/seller';   //引入组件
import hello from 'components/Hello';   //引入组件

//base.alias 配置common别名    引入全局样式
import 'common/stylus/index.styl';

//全局注册
Vue.use(VueRouter);
Vue.use(VurResource);


//实例化  根组件
let app = Vue.extend(App);
//实例化路由
let router = new VueRouter({
  linkActiveClass: 'active'               //router初始化配置   按钮切换激活的样式  默认为v-link-active  重命名为active
});

//这里会将路由的数据塞入  router-view里面
router.map({
  '/goods': {component: goods},
  '/ratings': {component: ratings},
  '/seller': {component: seller},
  '/hello': {component: hello},               //进入hello页面
});

//组件对象  挂载点
router.start(app, '#app');

//跳转到默认页面
router.go('/goods');
